<template>
  <div class="disposition">
      <div class="filter">
        <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
          <el-form-item prop="institutionName">
            <el-input
              class="input-search"
              v-model="queryParams.name"
              placeholder="请输入医院名称"
              clearable
              size="small"
              @keyup.enter.native="handleQuery"
            />
          </el-form-item>

          <el-form-item>
            <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
          </el-form-item>
        </el-form>
      </div>
      <div class="table">
          <el-table :data="tableData" border fit style="width: 100%" header-cell-class-name="table-header-cell"
          :class="tableData.length === 0 ? 'table-empty' : ''">
            <!-- <el-table-column type="selection" width="55" align="center" /> -->
            <el-table-column
              label="序号"
              type="index"
              width="80">
            </el-table-column>
            <el-table-column label="医院名称" align="center" prop="institutionName" />
            <el-table-column label="预警类型" align="center" prop="name" />
            <el-table-column label="处置总数" align="center" prop="total" />
              <el-table-column label="操作" width="300">
                  <template slot-scope="scope">
                      <div class="operation">
                          <div   @click="handleView(scope.row)">查看</div>
                      </div>
                  </template>
              </el-table-column>
          </el-table>
      </div>
    <pagination
      class="pager"
      v-show="total>0"
      :total="total"
      :page.sync="queryParams.pageNum"
      :limit.sync="queryParams.pageSize"
      @pagination="getList"
    />

   <!-- <el-dialog title="查看信息" :visible.sync="open" width="50%"
               :before-close="handleClose" class="edit-dialog" top="40vh">
      <el-form ref="form" :model="form" :rules="rules" label-width="180px">
        <div class="edit-box">
          <div class="citem" >
            <img src="@/assets/fronts/round.png" class="cimage">
            <p class="ctext" >医院名称: &nbsp;{{form.institutionName }}</p>
          </div>
          <div class="citem">
            <img src="@/assets/fronts/round.png" class="cimage">
            <p class="ctext"  >预警类型: &nbsp;{{form.name }}</p>
          </div>
          <div class="citem">
            <img src="@/assets/fronts/round.png" class="cimage">
            <p class="ctext"  >处置总数: &nbsp;{{form.total }}</p>
          </div>
          <div class="citem">
            <img src="@/assets/fronts/round.png" class="cimage">
            <p class="ctext"  >登记号: &nbsp;{{form.registerNumber }}</p>
          </div>
          <div class="citem">
            <img src="@/assets/fronts/round.png" class="cimage">
            <p class="ctext"  >处方流水号: &nbsp;{{form.preId }}</p>
          </div>
          <div class="citem">
            <img src="@/assets/fronts/round.png" class="cimage">
            <p class="ctext" >就诊流水号: &nbsp;{{form.clinicId }}</p>
          </div>
          <div class="citem">
            <img src="@/assets/fronts/round.png" class="cimage">
            <p class="ctext" >处方开具日期: &nbsp;{{form.preTime }}</p>
          </div>
          <div class="citem">
            <img src="@/assets/fronts/round.png" class="cimage">
            <p class="ctext" >项目名称: &nbsp;{{form.projectName }}</p>
          </div>
          <div class="citem">
            <img src="@/assets/fronts/round.png" class="cimage">
            <p class="ctext" >项目单据号: &nbsp;{{form.projectDocNo }}</p>
          </div>
          <div class="citem">
            <img src="@/assets/fronts/round.png" class="cimage">
            <p class="ctext" >检验日期: &nbsp;{{form.examineTime }}</p>
          </div>
          <div class="citem">
            <img src="@/assets/fronts/round.png" class="cimage">
            <p class="ctext" >预警日期: &nbsp;{{form.warnTime }}</p>
          </div>
          <div class="citem">
            <img src="@/assets/fronts/round.png" class="cimage">
            <p class="ctext" >报告日期: &nbsp;{{form.examineTime }}</p>
          </div>
          <div class="citem">
            <img src="@/assets/fronts/round.png" class="cimage">
            <p class="ctext" >就诊流水号: &nbsp;{{form.reportTime }}</p>
          </div>
          <div class="citem">
            <img src="@/assets/fronts/round.png" class="cimage">
            <p class="ctext" >医生编号: &nbsp;{{form.doctorCode }}</p>
          </div>
          <div class="citem">
            <img src="@/assets/fronts/round.png" class="cimage">
            <p class="ctext" >医生姓名: &nbsp;{{form.doctorName }}</p>
          </div>
        </div>
      </el-form>

    </el-dialog>-->

    <el-dialog title="预警列表" :visible.sync="open" width="90%" :before-close="handleClose" class="edit-dialog"
               top="40vh">
      <el-form ref="form" label-width="180px">
        <div class="edit-box">
          <div class="table">
            <el-table border fit style="width: 100%" header-cell-class-name="table-header-cell"
                      :class="list.length === 0 ? 'table-empty' : ''" :data="list" @selection-change="">
              <el-table-column type="selection" width="80" align="center" />
              <!-- <el-table-column label="" align="center" key="name" prop="registerNumber" /> -->
              <el-table-column label="项目名称" align="center" key="projectName" prop="projectName" />
              <el-table-column label="处置时间" align="center" key="punishTime" prop="punishTime" />
              <el-table-column label="处置状态" align="center" key="punishState" prop="punishState">
                <template slot-scope="scope">
                  <span v-if="scope.row.punishState===1">处置中</span>
                  <span v-if="scope.row.punishState===2">处置完成</span>
                </template>
                </el-table-column>
              <el-table-column label="处置标题" align="center" key="punishTitle" prop="punishTitle" />
              <el-table-column label="处置内容" align="center" key="punishContent" prop="punishContent" />
              <template>
                <el-table-column label="详情" width="230">
                  <template slot-scope="scope">
                    <div class="operation">
                      <div   @click="handleView2(scope.row)">查看</div>

                    </div>
                  </template>
                </el-table-column>
              </template>
            </el-table>
          </div>
          <pagination v-show="totals>0" :total="totals" background layout="prev, pager, next"
                      :page.sync="queryLists.pageNum" :limit.sync="queryLists.pageSize" @pagination="handleViewOffset" />
        </div>
      </el-form>

    </el-dialog>

   <!-- <el-dialog title="处置信息" :visible.sync="doOpen1" width="80%" :before-close="doHandleClose" class="edit-dialog"
               top="40vh">
      <el-form ref="doform" :model="doform" label-width="100px">
        <el-row>
          <el-col :span="24" :xs="24">
            <el-form-item label="处置标题" prop="punishTitle">
              <el-input v-model="doform.punishTitle" placeholder="请输入处置标题" maxlength="30" />
            </el-form-item>
          </el-col>
          <el-col :span="24" :xs="24">
            <el-form-item label="处置内容" prop="punishContent">
              <el-input type="textarea" v-model="doform.punishContent" placeholder="请输入处置内容" maxlength="30000" />
            </el-form-item>
          </el-col>
          <el-col :span="24" :xs="24">
            <el-form-item label="处置状态" prop="punishState">
              <el-select v-model="doform.punishState"  placeholder="请选择">
                <el-option
                  v-for="item in states"
                  :key="item.tag"
                  :label="item.label"
                  :value="item.tag"
                  :disabled="item.tag == 0"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>


          <el-col :span="12" :xs="24">
            <div class="physician-info">
              <input type="file" id="physician-info" >
              <div class="upload-content" v-for="item in fileLists" :key="item" >
                <div class="name" :title="item">&nbsp;&nbsp;&nbsp;{{ item }}</div>
                <label class="btn" @click="deleteFile(item)">删除文件</label>
              </div>
              <div class="upload-content" >
                <div class="name"></div>

                <label class="btn" for="physician-info"> <file-upload ref="modalForm" @input="files" ></file-upload></label>
              </div>

            </div>
          </el-col>
          <el-col :span="12" :xs="24">

          </el-col>
          <el-col :span="24" :xs="24">
            <p class="ctext" style="font-size: 14px;color: #666;font-weight: bold;">处置项列表</p>
          </el-col>
          <el-col :span="24" :xs="24">
            <div class="table">
              <el-table border fit style="width: 100%" header-cell-class-name="table-header-cell"
                        :class="list.length === 0 ? 'table-empty' : ''" :data="list" @selection-change="handleSelectionChange">
                <el-table-column type="selection" width="80" align="center" />
                <el-table-column label="医院名称" align="center" key="name" prop="hospitalName" />
                &lt;!&ndash;						  	<el-table-column label="总数" align="center" key="medicName" prop="total" />&ndash;&gt;
                <el-table-column label="项目名称" align="center" key="projectName" prop="projectName" />
                <el-table-column label="预警时间" align="center" key="warnTime" prop="warnTime" />
                <template>
                  <el-table-column label="详情" width="250">
                    <template slot-scope="scope">
                      <div class="operation">
                        <div   @click="handleView2(scope.row)">查看</div>
                        <div   @click="handleState(scope.row)">处执中</div>
                      </div>
                    </template>
                  </el-table-column>
                </template>
              </el-table>
            </div>
            <pagination
              class="pager"
              v-show="listTotal>0"
              :total="listTotal"
              :page.sync="queryList.pageNum"
              :limit.sync="queryList.pageSize"
              @pagination="handleView"
            />
          </el-col>
        </el-row>
      </el-form>
      <pagination
        v-show="total>0"
        :total="total"
        :page.sync="queryParams.pageNum"
        :limit.sync="queryParams.pageSize"
        @pagination="getList"
      />
      <div slot="footer" class="dialog-footer">
        <el-button @click="submitForm">处置</el-button>
        <el-button @click="doHandleClose">取 消</el-button>
      </div>
    </el-dialog>-->

    <el-dialog title="预警详情" :visible.sync="open2" width="90%" :before-close="handleClose2" class="edit-dialog"
               top="40vh">
      <el-form ref="form" label-width="180px">
        <div class="edit-box">
          <el-row :gutter="20">
            <el-col :span="6" :xs="24">
              <p class="ctext">就诊号:&nbsp;&nbsp;{{form.preId }}</p>
            </el-col>
            <el-col :span="6" :xs="24">
              <p class="ctext">就诊日期:&nbsp;&nbsp;{{form.preTime }}</p>
            </el-col>
            <el-col :span="6" :xs="24">
              <!-- <p class="ctext">处方号:{{form.clinicId }}</p> -->
            </el-col>
            <el-col :span="6" :xs="24">
              <!-- <p class="ctext">处方日期:{{form.clinicTime }}</p> -->
            </el-col>
            <el-col :span="6" :xs="24">
<!--              <p class="ctext" style="color:#4373f1;cursor: pointer;" @click="hosHandleView(form.registerNumber)">医院:&nbsp;&nbsp;{{form.hosname }}</p>-->
              <p class="ctext" style="color:#4373f1;cursor: pointer;" @click="hosHandleView(form.registerNumber,form.signature)">医院:&nbsp;&nbsp;{{form.hosname }}</p>

            </el-col>
            <el-col :span="6" :xs="24">
              <p class="ctext">就诊科室:&nbsp;&nbsp;{{form.deptname }}</p>
            </el-col>
            <el-col :span="6" :xs="24">
              <p class="ctext">诊历:&nbsp;&nbsp;{{form.firstVisit }}</p>
            </el-col>
            <el-col :span="6" :xs="24">
              <p class="ctext">就诊类型:&nbsp;&nbsp;{{form.medicalType }}</p>
            </el-col>
            <el-col :span="6" :xs="24">
<!--              <p class="ctext" style="color:#4373f1;cursor: pointer;" @click="docHandleView(form.registerNumber)">医生姓名:&nbsp;&nbsp;{{form.doctorName }}</p>-->
              <p class="ctext" style="color:#4373f1;cursor: pointer;" @click="opendooc(form.registerNumber,form.signature)">医生姓名:{{form.doctorName }}</p>
            </el-col>
            <el-col :span="6" :xs="24">
              <p class="ctext">医生编号:&nbsp;&nbsp;{{form.doctorCode }}</p>
            </el-col>
            <el-col :span="6" :xs="24">
              <p class="ctext">医身身份证号:&nbsp;&nbsp;{{form.doctorIdCard }}</p>
            </el-col>
            <el-col :span="6" :xs="24">

            </el-col>
            <el-col :span="6" :xs="24">
              <p class="ctext">患者姓名:&nbsp;&nbsp;{{form.patientName }}</p>
            </el-col>
            <el-col :span="6" :xs="24">
              <p class="ctext">患者年龄:&nbsp;&nbsp;{{form.patientAge }}</p>
            </el-col>
            <el-col :span="6" :xs="24">
              <p class="ctext">患者性别:&nbsp;&nbsp;{{form.patientSex }}</p>
            </el-col>
            <el-col :span="6" :xs="24">

            </el-col>
            <el-col :span="24" :xs="24">
              <p class="ctext">主诉内容:&nbsp;&nbsp;{{form.chiefComplaint }}</p>
            </el-col>
            <el-col :span="24" :xs="24">
              <p class="ctext">疾病名称:&nbsp;&nbsp;{{form.diagnosisName }}</p>
            </el-col>

            <el-col :span="24" :xs="24">
              <div class="table">
                <el-table border fit style="width: 100%" header-cell-class-name="table-header-cell"
                          :class="form.medicList.length === 0 ? 'table-empty' : ''" :data="form.medicList" @selection-change="">
                  <el-table-column label="药品名称" align="center" key="projectName" prop="projectName" />
                  <el-table-column label="规格" align="center" key="medicSpec" prop="medicSpec" />
                  <el-table-column label="剂型" align="center" key="medicType" prop="medicType" />
                  <el-table-column label="单次剂量" align="center" key="medicUsedosage" prop="medicUsedosage" />
                  <el-table-column label="日数" align="center" key="medicDays" prop="medicDays" />
                  <el-table-column label="数量" align="center" key="medicQuantity" prop="medicQuantity" />
                  <el-table-column label="价格" align="center" key="price" prop="price" />
                </el-table>
              </div>
            </el-col>
            <el-col :span="24" :xs="24">
              <p class="ctext">药品总金额:&nbsp;&nbsp;{{form.totalPrice }}</p>
            </el-col>
            <el-col :span="24" :xs="24">
              <p class="ctext">预警项</p>
            </el-col>
            <el-col :span="24" :xs="24">
              <div class="table">
                <el-table border fit style="width: 100%" header-cell-class-name="table-header-cell"
                          :class="form.warnList.length === 0 ? 'table-empty' : ''" :data="form.warnList" @selection-change="">
                  <el-table-column label="序号" align="center" key="id" prop="id" />
                  <el-table-column label="预警规则" align="center" key="rule" prop="rule" />
                  <el-table-column label="预警内容" align="center" key="ruleContent" prop="ruleContent" />
                </el-table>
              </div>
            </el-col>
          </el-row>
        </div>
      </el-form>

    </el-dialog>

    <el-dialog title="医师信息" :visible.sync="docopen" width="50%"
               :before-close="docHandleClose" class="edit-dialog" top="40vh">
      <el-form ref="docform" :model="docform"  label-width="180px">
        <div class="edit-box">
          <div class="citem" >
            <img src="@/assets/fronts/round.png" class="cimage">
            <p class="ctext" >医师姓名: &nbsp;{{docform.name}}</p>
          </div>
          <div class="citem">
            <img src="@/assets/fronts/round.png" class="cimage">
            <p class="ctext"  >性别: &nbsp;{{docform.sex }}</p>
          </div>
          <div class="citem">
            <img src="@/assets/fronts/round.png" class="cimage">
            <p class="ctext"  >出生日期: &nbsp;{{docform.birthday }}</p>
          </div>
          <div class="citem">
            <img src="@/assets/fronts/round.png" class="cimage">
            <p class="ctext"  >执业证书编码: &nbsp;{{docform.workcode }}</p>
          </div>
          <div class="citem">
            <img src="@/assets/fronts/round.png" class="cimage">
            <p class="ctext"  >执业范围: &nbsp;{{docform.parcticescope }}</p>
          </div>
          <div class="citem">
            <img src="@/assets/fronts/round.png" class="cimage">
            <p class="ctext" >执业级别: &nbsp;{{docform.parcticelevel }}</p>
          </div>
          <div class="citem">
            <img src="@/assets/fronts/round.png" class="cimage">
            <p class="ctext" >多执业机构名称: &nbsp;{{docform.unitname }}</p>
          </div>
          <div class="citem">
            <img src="@/assets/fronts/round.png" class="cimage">
            <p class="ctext" >抗菌药物处方权: &nbsp;:{{getantibiosisAuthority(docform.antibiosis_authority) }}</p>
          </div>
        </div>
      </el-form>
    </el-dialog>

    <el-dialog title="医院信息" :visible.sync="hosopen" width="100%"
               :before-close="hosHandleClose" class="edit-dialog" top="40vh">
      <el-form label-width="180px" style="background-color: #eef1fa;">
        <div class="edit-box">
          <div class="organization-detail">
            <div class="title">医疗机构详情</div>
            <div class="card">
              <div class="org-name">{{ dataInfo.orgName }}</div>
              <div class="org-address">地址：{{ dataInfo.orgAddress }}</div>
              <div class="legal-person">法人：{{ dataInfo.legalPerson }}</div>
            </div>
            <div class="card">
              <SubTitle title="基本信息"></SubTitle>
              <div class="row">医院名称：{{ dataInfo.orgName }}</div>
              <div class="row">医院简介：</div>
              <div class="row">{{ dataInfo.description }}</div>
              <div class="org-detail-info">
                <div class="info-item" v-for="item in dataInfo.detailInfo">
                  <div class="label">{{ item.label }}：</div>
                  <div class="value">{{ item.value }}</div>
                </div>
              </div>
            </div>
            <div class="card">
              <SubTitle title="诊疗科目"></SubTitle>
              <div class="medical-subject" v-for="item in dataInfo.medicalSubject" :key="item">{{ item }}</div>
            </div>
            <div class="card">
              <SubTitle title="技术资质"></SubTitle>
              <div class="tech-qualification-container">
                <div class="item" v-for="item in dataInfo.qualification" :key="item.label">
                  {{ item.label }}：{{ item.value }}
                </div>
              </div>
            </div>
            <div class="card">
              <SubTitle title="医师列表"></SubTitle>
              <div class="table">
                <el-table
                  :data="tableData"
                  border
                  fit
                  style="width: 100%"
                  header-cell-class-name="table-header-cell"
                >
                  <el-table-column
                    label="序号"
                    type="index"
                    width="50">
                  </el-table-column>
                  <el-table-column label="医生姓名" align="center" prop="name" />
                  <el-table-column label="医师类别" align="center" prop="parcticeclass" />
                  <el-table-column label="任职资格" align="center" prop="workcpet" />
                  <el-table-column label="执业范围" align="center" prop="parcticescope" />
                  <el-table-column label="主要执业机构" align="center" prop="unit" />
                  <el-table-column label="美容专业" align="center" prop="beautyMajor" />
                  <el-table-column label="技术资质" align="center" prop="technicalQualification" />
                  <el-table-column label="精麻处方权" align="center" prop="anesthetist" />
                  <el-table-column label="操作" >
                    <template slot-scope="scope">
                      <div class="operation">
                        <div  >查看</div>
                      </div>
                    </template>
                  </el-table-column>
                </el-table>
              </div>
            </div>
          </div>
        </div>
      </el-form>
    </el-dialog>

  </div>
</template>
<script>
  import { disposalstatistics, disposalstatisticsInfo} from "@/api/his/statistics";
  import {listchildBeyondWarnDetails, listchildBeyondWarnListInfo} from "../../../../api/his/warn";
  import {getHospitalData} from "../../../../api/his/all";
  import SubTitle from '@/components/sub-title/index.vue'
  import { listAll  } from "@/api/his/doctorAll";
export default {
  name: 'Disposition',
  components: {SubTitle
  },
  data() {
      return {
        form: {
          clinicId: '',
          clinicTime: '',
          preId: '',
          preTime: '',
          hosname: '',
          deptname: '',
          firstVisit:'',
          medicalType:'',
          doctorName:'',
          doctorCode:'',
          doctorIdCard:'',
          patientName:'',
          patientAge:'',
          patientSex:'',
          chiefComplaint:'',
          diagnosisName:'',
          medicList:[],
          totalPrice:'',
          warnList:[]
        },
        open2: false,
        docopen:false,
        choiceRegisterNumber:'',
        queryLists:{
          registerNumber:'',
          signature:'',
          hospitalId:'',
          pageNum: 1,
          pageSize: 10
        },
        queryList:{
          registerNumber:'',
          pageNum: 1,
          pageSize: 10
        },
        list: [],
        docform:{},
        // 遮罩层
        loading: true,
        totals: 0,
        // 导出遮罩层
        exportLoading: false,
        // 选中数组
        ids: [],
        // 非单个禁用
        single: true,
        // 非多个禁用
        multiple: true,
        // 显示搜索条件
        showSearch: true,
        // 总条数
        total: 0,
        // 国家机构表格数据
        nationList: [],
        // 弹出层标题
        title: "",
        // 是否显示弹出层
        open: false,
        hosopen:false,
        doform: {

        },
        // 查询参数
        queryParams: {
          pageNum: 1,
          pageSize: 10,
          registerNumber: null,
          id: null,
          institutionName: null
        },
        doOpen1: false,  //处置
        // 表单参数
          warningType: null,
          warningOptions: [],
        //医院的
        dataInfo: {
          orgName: '',
          orgAddress: '',
          legalPerson: '',
          description: '',
          medicalSubject: [],
          qualification: [

          ],
          detailInfo: [

          ],
        },
          tableData: [
              {
                order: '01',
                hospital: '板桥医院',
                type: '门诊使用特殊级抗菌药物',
                count: '10',
                state: '未处置',
              },
              {
                order: '02',
                hospital: '板桥医院',
                type: '门诊使用特殊级抗菌药物',
                count: '10',
                state: '未处置',
              },
          ],
          options: [{
          value: 'zhinan',
          label: '指南',
          children: [{
            value: 'shejiyuanze',
            label: '设计原则',
            children: [{
              value: 'yizhi',
              label: '一致'
            }, {
              value: 'fankui',
              label: '反馈'
            }, {
              value: 'xiaolv',
              label: '效率'
            }, {
              value: 'kekong',
              label: '可控'
            }]
          }, {
            value: 'daohang',
            label: '导航',
            children: [{
              value: 'cexiangdaohang',
              label: '侧向导航'
            }, {
              value: 'dingbudaohang',
              label: '顶部导航'
            }]
          }]
        }, {
          value: 'zujian',
          label: '组件',
          children: [{
            value: 'basic',
            label: 'Basic',
            children: [{
              value: 'layout',
              label: 'Layout 布局'
            }, {
              value: 'color',
              label: 'Color 色彩'
            }, {
              value: 'typography',
              label: 'Typography 字体'
            }, {
              value: 'icon',
              label: 'Icon 图标'
            }, {
              value: 'button',
              label: 'Button 按钮'
            }]
          }, {
            value: 'form',
            label: 'Form',
            children: [{
              value: 'radio',
              label: 'Radio 单选框'
            }, {
              value: 'checkbox',
              label: 'Checkbox 多选框'
            }, {
              value: 'input',
              label: 'Input 输入框'
            }, {
              value: 'input-number',
              label: 'InputNumber 计数器'
            }, {
              value: 'select',
              label: 'Select 选择器'
            }, {
              value: 'cascader',
              label: 'Cascader 级联选择器'
            }, {
              value: 'switch',
              label: 'Switch 开关'
            }, {
              value: 'slider',
              label: 'Slider 滑块'
            }, {
              value: 'time-picker',
              label: 'TimePicker 时间选择器'
            }, {
              value: 'date-picker',
              label: 'DatePicker 日期选择器'
            }, {
              value: 'datetime-picker',
              label: 'DateTimePicker 日期时间选择器'
            }, {
              value: 'upload',
              label: 'Upload 上传'
            }, {
              value: 'rate',
              label: 'Rate 评分'
            }, {
              value: 'form',
              label: 'Form 表单'
            }]
          }, {
            value: 'data',
            label: 'Data',
            children: [{
              value: 'table',
              label: 'Table 表格'
            }, {
              value: 'tag',
              label: 'Tag 标签'
            }, {
              value: 'progress',
              label: 'Progress 进度条'
            }, {
              value: 'tree',
              label: 'Tree 树形控件'
            }, {
              value: 'pagination',
              label: 'Pagination 分页'
            }, {
              value: 'badge',
              label: 'Badge 标记'
            }]
          }, {
            value: 'notice',
            label: 'Notice',
            children: [{
              value: 'alert',
              label: 'Alert 警告'
            }, {
              value: 'loading',
              label: 'Loading 加载'
            }, {
              value: 'message',
              label: 'Message 消息提示'
            }, {
              value: 'message-box',
              label: 'MessageBox 弹框'
            }, {
              value: 'notification',
              label: 'Notification 通知'
            }]
          }, {
            value: 'navigation',
            label: 'Navigation',
            children: [{
              value: 'menu',
              label: 'NavMenu 导航菜单'
            }, {
              value: 'tabs',
              label: 'Tabs 标签页'
            }, {
              value: 'breadcrumb',
              label: 'Breadcrumb 面包屑'
            }, {
              value: 'dropdown',
              label: 'Dropdown 下拉菜单'
            }, {
              value: 'steps',
              label: 'Steps 步骤条'
            }]
          }, {
            value: 'others',
            label: 'Others',
            children: [{
              value: 'dialog',
              label: 'Dialog 对话框'
            }, {
              value: 'tooltip',
              label: 'Tooltip 文字提示'
            }, {
              value: 'popover',
              label: 'Popover 弹出框'
            }, {
              value: 'card',
              label: 'Card 卡片'
            }, {
              value: 'carousel',
              label: 'Carousel 走马灯'
            }, {
              value: 'collapse',
              label: 'Collapse 折叠面板'
            }]
          }]
        }, {
          value: 'ziyuan',
          label: '资源',
          children: [{
            value: 'axure',
            label: 'Axure Components'
          }, {
            value: 'sketch',
            label: 'Sketch Templates'
          }, {
            value: 'jiaohu',
            label: '组件交互文档'
          }]
        }]
      }
  },
  created() {
    this.getList();
  },
  methods: {
    handleView2(row) {
      this.open2 = true;
      this.queryParams.id = row.id;

      listchildBeyondWarnDetails(this.queryParams).then(response => {
        this.form = response.data;
      });
    },
    handleClose2() {
      this.open2 = false
    },
    getantibiosisAuthority(au){
      if (au === 0){
        return '无抗菌药物处方权'
      }else if (au === 1){
        return '非限制级'
      }else if (au === 2){
        return '限制级'
      }else if (au === 3){
        return '特殊级'
      }else{
        return '未知'
      }
    },
    opendooc(res,res1){
      this.docopen = true;
      // const queryParamDoc = {"registerNumber":res}
      // listDockor(queryParamDoc).then(response => {
      //   const rows = response.rows;
      //   if (rows.length > 0){
      //     this.docform = rows[0];
      //   }
      // });
      const queryParamDoc = {
        "registerNumber":res,
        "signature":res1,
        "pageNum":1,
        "pageSize":1}
      listAll(queryParamDoc).then(response=>{
        console.log(response)
        const rows = response.rows;
        if(rows.length){
          this.docform = rows[0];
        }
      })
    },
    docHandleClose() {
      this.docopen = false
    },
    handleViewOffset() {
      this.open = true;
      this.queryLists.registerNumber = this.choiceRegisterNumber
      listchildBeyondWarnList(this.queryLists).then(response=>{
        this.list = response.rows
        this.totals = response.total
      })
    },
    doHandleClose() {
      this.doOpen1 = false
    },
    handleQuery() {
      this.queryParams.pageNum = 1;
      this.getList();
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.resetForm("queryForms");
      this.queryParams.name = ''
      this.handleQuery();
    },
    hosHandleClose() {
      this.hosopen = false
    },

    handleView(row) {
      this.open = true;
      this.queryLists.registerNumber = row.registerNumber
      this.choiceRegisterNumber =  row.registerNumber
      this.queryLists.hospitalId = row.hospitalId
      this.choiceRegisterNumber = row.hospitalId
      this.queryLists.signature = row.signature
      listchildBeyondWarnListInfo(this.queryLists).then(response=>{
        this.list = response.rows
        this.totals = response.total
      })
      /*this.open = true;

      disposalstatisticsInfo(row.id).then(response => {
        this.form = response.data;
        this.form.institutionName = row.institutionName
        this.form.name = row.name
        this.form.total = row.total
      });*/
    },
    /** 查看按钮操作 */
    //医院
    hosHandleView(res1,res2) {
      this.hosopen = true;
      getHospitalData({"registerNumber":res1,"signature":res2}).then(response=>{
        const data = response.data
        this.dataInfo.orgName = data.institutionName;
        this.dataInfo.orgAddress = data.medicalAddress;
        this.dataInfo.legalPerson = data.medicalLegalrepresentative;
        this.dataInfo.description = '';

        for (let i = 0; i < data.medicalSpecialtiesName.split("/").length; i++) {
          this.dataInfo.medicalSubject.push(data.medicalSpecialtiesName.split("/")[i])
        }
        this.dataInfo.detailInfo = [
          {
            label: '统一社会信用代码',
            value: data.medicalUscc
          },
          {
            label: '所有制形式',
            value: data.medicalOwnership
          },
          {
            label: '是否有放射所有权',
            value: ''
          },
          {
            label: '登记号',
            value: data.registerNumber
          },
          {
            label: '机构属性',
            value: data.medicalCategory
          },
          {
            label: '放射诊疗许可证',
            value: ''
          },
          {
            label: '全国唯一识别码',
            value:data.uniqueCode
          }
        ]
      })
    },
    handleClose() {
      this.open = false
    },
    getList() {
      disposalstatistics(this.queryParams).then(response => {
        this.tableData = response.rows;
        this.total = response.total;
        const newTotal = response.msg; // 假设这里是获取到的新total
        this.$emit('total-updated', newTotal);
      });
    }
  }
}
</script>
<style scoped lang="scss">

.disposition {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.citem{
  display: flex;
  align-items: center;
  height: 30px;
  .cimage{
    margin-right: 0px;
    width:30px;
    height: 30px;
    display:inline-block;
  }
  .ctext{
    display: inline-block;
    text-align: left;
  }
}

.filter {
  display: flex;
  align-items: center;

  .el-cascader, .el-select, .input-search {
      width: 150px;
      height: 47px;
      margin-right: 11px;

      ::v-deep input {
          width: 150px;
          height: 47px;
      }
  }

  .el-form {
    height: 100%;
    display: flex;
    align-items: center;
  }
  .el-form-item {
    height: 100%;
    display: flex;
    align-items: center;
  }
}

.table {
  flex: 1;
  background-color: #fff;
  margin: 13px 0 16px;

  ::v-deep .table-header-cell {
      background-color: #EBEFF8;
      padding-left: 21px;
      font-weight: 500;
      font-size: 16px;
      color: #414141;
  }

  .el-table {
      height: 100%;
  }

  ::v-deep .el-table__cell {
      padding-left: 21px;
      font-weight: 500;
      font-size: 16px;
      color: #414141;
  }

  :v-deep .el-table__body-wrapper {
      height: 100%;
  }

  :v-deep .el-table__empty-block {
      height: 100%;
  }

  .operation {
      display: flex;
      align-items: center;
      height: 100%;

      .view {
          cursor: pointer;
          font-weight: 500;
          font-size: 16px;
          color: #414141;
          height: 16px;
          line-height: 16px;
          background-repeat: no-repeat;
          background-position: 0 center;
          margin-right: 20px;
          user-select: none;
      }

      .handle {
          margin-left: 77px;
          user-select: none;
          cursor: pointer;
          text-align: center;
          line-height: 32px;
          width: 78px;
          height: 32px;
          background: #4373F1;
          border-radius: 5px;
          font-weight: 500;
          font-size: 16px;
          color: #FFFFFF;
      }
  }
}

.edit-box {
  padding: 0px;
  display: flex;
  flex-direction: column;
  align-items: left;

  ::v-deep .el-dialog__footer {
    display: none;
  }

  .citem{
    display: flex;
    align-items: center;
    height: 40px;
    .cimage{
      margin-right: 0px;
      width:30px;
      height: 30px;
      display:inline-block;
    }
    .ctext{
      display: inline-block;
      text-align: left;
    }
  }

}

.organization-detail {
  height: 100%;
  display: flex;
  flex-direction: column;
  cursor: default;

  .title {
    margin-top: 10px;
    font-weight: bold;
    font-size: 26px;
    line-height: 26px;
    color: #4B4B4B;
  }

  .org-name {
    font-weight: bold;
    font-size: 20px;
    color: #4B4B4B;
    line-height: 39px;
  }

  .org-address, .legal-person {
    font-weight: 500;
    font-size: 16px;
    color: #4B4B4B;
    line-height: 30px;
  }

  .row {
    font-weight: 500;
    font-size: 16px;
    color: #4B4B4B;
    line-height: 25px;
    margin-top: 6px;
  }

  .org-detail-info {
    display: flex;
    flex-wrap: wrap;

    .info-item {
      width: 530px;
      display: flex;
      align-items: center;
      margin-top: 8px;
      font-weight: 500;
      font-size: 16px;
      color: #8B8B8B;

      .label{
        white-space: nowrap;
        width: 133px;
      }
    }
  }

  .medical-subject {
    margin-top: 24px;
    border-radius: 5px;
    border: 1px solid #DCDCDC;
    text-align: center;
    height: 39px;
    line-height: 39px;
    font-weight: 500;
    font-size: 16px;
    color: #505050;
    padding: 0 30px;
    display: inline-block;
    margin-right: 13px;
  }

  .tech-qualification-container {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;

    .item {
      font-weight: 500;
      font-size: 16px;
      color: #8B8B8B;
      margin-right: 120px;
    }

  }
}

.card {
  background-color: #fff;
  padding: 19px 13px 19px;
  margin-top: 14px;
}

.ctext{
  display: inline-block;
  text-align: center;
  font-size: 14px;
  color:#888;
}
</style>
